<template>
    <div class="delist-home">
        <Header style="z-index:1025">
            <header-menu :index="'3-4'"></header-menu>
        </Header>
        <commodity-top></commodity-top>
        <commodity-nav :titleList="titleList"></commodity-nav>
        <div class="container">
            <p class="title"><span>在线预约</span> <span class="more">更多>></span></p>
            <product-Reservation  :movieList="navList"></product-Reservation>
            <div class="content">
                <div class="left">
                    <list-item :list="list"></list-item>
                </div>
                <div class=" right">
                    <p class="title " style="padding-top: 0"><span>医生团队</span> <span class="more">更多>></span></p>
                    <doctor :movieList="doctorList"></doctor>
                    <p class="title"><span>医院相册</span> <span class="more">更多>></span></p>
                    <album :movieList="navList.child" ></album>
                    <p class="title"><span>医院日记</span> <span class="more">更多>></span></p>
                    <my-diary></my-diary>
                </div>
            </div>
        </div>

    </div>
</template>

<script>
    import HeaderMenu from '../../components/Header/'
    import CommodityTop from '../../components/Commodity/CommodityDe/CommodityTop'
    import CommodityNav from '../../components/Commodity/CommodityDe/CommodityNav'
    import productReservation from '../../components/ProductReservation/index.vue'
    import ListItem from '@/components/Commodity/CommodityDe/ListItem'
    import ContentNav from '../../components/Commodity/CommodityDe/ContentNav'
    import Doctor from '../../components/ProductReservation/doctor.vue'
    import Album from '../../components/ProductReservation/Album.vue'
    import MyDiary from '../../components/Usertop/MyDiary.vue'
    export default {
        name: "Home",
        components:{
            HeaderMenu,
            CommodityNav,
            CommodityTop,
            productReservation,
            ListItem,
            ContentNav,
            Doctor,
            Album,
            MyDiary
        },
        data () {
            return {
                navList: [
                    {
                        id:1,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:2,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:3,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:4,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                    {
                        id:5,
                        evaluate:2.0,
                        price:9999,
                        oldPrice:12323,
                        delist:'【水光针】巨补水保湿嫩肤收缩毛毛孔除皱美白补水',
                        jiGou:'美橙医疗整形美容',
                        num:22,
                    },
                ],
                list:[
                    {id:1,type:1,title:'医院介绍',titleright:'医院主页',
                        child:[
                            {Img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg',name:"北京新星靓医疗",shanchang:"美体塑形、自体脂肪填充、玻尿酸",jianjie:"北京新星靓整形是率先提出以北京新星靓整形是率先提出以",dizhi:'北京海淀区学院路富润家园底商',dianhua:'4009006660-8258'}
                        ],

                    },
                ],
                doctorList: [
                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'
                            },
                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'
                            },
                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'
                            },
                ],
                xianglist:[

                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'
                            },
                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'
                            },
                            {
                                doctor:'周一围',
                                physician:'主治医生',
                                department:'粉红宝宝医疗美容门诊部',
                                good :'脸部、鼻部、面部轮廓',
                                img:'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'
                            },
                ],
                titleList:[
                    {id:1,name:"首页",show:false,path:'/commoditydetails/home'},
                    {id:2,name:"预约",show:false,path:'/commoditydetails/index'},
                    {id:3,name:"医生",show:false,path:'/commoditydetails/doctor'},
                    {id:4,name:"日记",show:true,path:'/commoditydetails/diary',num:123},
                    {id:5,name:"资讯相册",show:true,path:'/commoditydetails/album'},
                    {id:6,name:"发表",show:false,path:'/commoditydetails/publish',num:123},
                    {id:7,name:"粉丝",num:200,show:false,path:'/commoditydetails/fans'},
                    {id:8,name:"关注",num:200,show:false,path:'/commoditydetails/follow'},
                ]
            }
        }
    }
</script>

<style scoped lang="less">
    @import "../../style/style";
    .title{
        color: @theme-color-dark;
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 10px;
        span{
            vertical-align: top;
        }
    }
    .more{
        float: right;
    }
    .content{
        margin-top: 35px;
        .right{
            width: 925px;
            float: right;
        }
        .left{
            width: 240px;
            float: left;
        }
    }
</style>